@charset "utf-8";
/* CSS Document by fernando*/
body {
	margin: 0px;
	padding:0px;
	font-family: Good Times,Trebuchet MS,Arial, Tahoma;
	font-size: 11px;
	background-color: #000;
}
#mostrando {
	color: #fff;
	font-weight: bold;
}
#weekend_eventos{
	width:960px;
	height: 930px;
	margin: auto;
	padding: 0px;
	background-color: #222;
	background: url(../imagenes_referencia_pag/fondo0.jpg) repeat center;
	
}
#WebEventos {
	width:960px;
	margin: auto;
	padding: 0px;
}
#contenedor_menu2 {
	margin-left: 10px;
	margin-top: 30px;
	width: 730px;
	height: 120px;
	background-color: #006699;
	z-index: 1;
	float: left;
	opacity: 0.5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
#menu2 {
	position: absolute;
	margin-top: 40px;
	margin-left: 90px;
	width: 500px;
	height: 100px;
	color: #FFF;
	z-index: 2;
}
#boton_crear {background: url(../imagenes_referencia_pag/nuevo.png) bottom no-repeat;}
#boton_buscar {background: url(../imagenes_referencia_pag/buscar.png) bottom no-repeat;}
#boton_mis_eventos {background: url(../imagenes_referencia_pag/mis_eventos.png) bottom no-repeat;}
#menu2 ul {
	margin: 0px;
	padding: 0px;
}
#menu2 ul a {
	width: 100px;
	height: 100px;
	font-family: Arial, Verdana;
	text-align: center;
	font-size: 17px;
	text-decoration:none;
	float: left;
	margin: 0px;
	margin-left: 50px;
	color: #fff;
	font-weight: bold;
}
#menu2 ul a:hover {
	font-weight: bold;
}
#buscar {
	margin: 20px;
	float: left;
	display: none;
}
#buscar label {
	font-weight: bold;
}
#texto_busqueda {
	width: 500px;
}
#lugar_evento {
	float: left;
	padding: 0px;
	margin: 20px;
	margin-bottom: 0px;
}
#lugar_evento select {
	width: 250px;
}
#lugar_evento label {
	font-weight: bold;
}

#trans_contenedor_eventos {
	width: 730px;
	height: 650px;
	float: left;
	margin: auto;
	margin-top: 20px;
	margin-left: 10px;
	overflow: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #006699;
	opacity: 0.5;
}
#contenedor_eventos {
	font-family: Trebuchet MS,Arial, Tahoma;
	font-size: 13px;
	position: absolute;
	width: 730px;
	height: 650px;
	float: left;
	margin: auto;
	margin-top: 215px;
	margin-left: 10px;
	overflow: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#contenedor_eventos label {
	z-index: 20;
	display: block;
	width: 700px;
	height: 30px;
	background-color: #eee;
	color: #000;
}
#contenedor_eventos label:hover {
	background-color: #aaa;
	color:#000;
}
#contenedor_eventos input {
	display: none;
}
#contenedor_eventos input:checked + label {
	background-color: #aaa;
	color:#000;
}
#contenedor_eventos article {
	background: #fefefe;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
	color: #fff;
}
.izq {
	margin: 10px;
	width: 425px;
	height: 250px;
	float: left;
}
.der {
	float: left;
	width: 220px;
	height: 240px;
}
.der img {
	margin:10px;
	width: 95%;
	cursor:pointer;
}
.fecha {
	border-top: 1px groove;
}
.descripcion {
	height: 200px;
	width:420px;
	margin: 5px;
	overflow: auto;
	resize:none;
	background-color: #006699;
	font-family: Trebuchet MS,Arial, Tahoma;
	border: none;
	color: #fff;
}
.fecha span {
	font-weight: bold;
}
#contenedor_eventos input:checked article {
	transition:height 0.5s ease-in-out;
	-webkit-transition:height 0.5s ease-in-out;
	-o-transition:height 0.5s ease-in-out;
	-ms-transition:height 0.5s ease-in-out;
	-moz-transition:height 0.5s ease-in-out;
}
#contenedor_eventos input:checked ~ article.info_med {
	height: 280px;
		background-color: #006699;
}
#contenedor_anuncios {
	height: 860px;
}
#Anuncios {
	height: 860px;
}
#pantalla_completa {
	color: #fff;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: #222;
	position: fixed;
	overflow: auto;
}
#foto_grande {
	height: 600px;
	width: 900px;
	margin: auto;
}
#foto_grande img {
	height: 100%;
	margin-top: auto;
}
#derechos {
	position: absolute;
	margin-top: 870px;
	width: 930px;
	border-top: 1px #fff solid;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	
}
#derechos span {
	font-size: 15px;
	font-family: Trebuchet MS,Arial, Tahoma;
}